(function() {

    var handler = function() {
        var ma01 = $('.ma01-box');
        var x = 0;
        var y = 0;
        $(window).keypress(function(evt) {
            console.log('--->', evt.keyCode);
            switch (evt.keyCode) {
                case 100:
                    var keyD = "translate(" + (++x) + "px," + y + "px)";
                    console.log('D-->', keyD);
                    ma01.css('transform', keyD);
                    break;
                case 97:
                    var keyA = "translate(" + (--x) + "px," + y + "px)";
                    console.log('A-->', keyA);
                    ma01.css('transform', keyA);
                    break;
                case 119:
                    var keyW = "translate(" + x + "px," + (--y) + "px)";
                    console.log('W-->', keyW);
                    ma01.css('transform', keyW);
                    break;
                case 115:
                    var keyS = "translate(" + x + "px," + (++y) + "px)";
                    console.log('S-->', keyS);
                    ma01.css('transform', keyS);
                    break;
                default:
                    console.log('--->', evt.keyCode);

            }

        });
    }

    $(document).ready(handler);
    //var ma01 = $('.ma01-box');

    //console.log("--->" + ma01);
})();
